<template>
<!--  <h1>发布页</h1>-->
  <!-- 顶部导航     -->
  <div>
    <van-nav-bar
        title="动态发布"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"

    />
    <van-notice-bar mode="link">新人福利，分享得限定头像框、个性装扮！</van-notice-bar>
    <!--  标题  -->
    <van-cell-group>
      <van-field v-model="value" label="标题" placeholder="请输入标题" />
    </van-cell-group>
    <!--    输入框-->
    <van-field
        v-model="message"
        rows="2"
        autosize
        label="动态详情"
        type="textarea"
        maxlength="150"
        placeholder="请输入想说的内容"
        show-word-limit
    />
    <!--  发送按钮  -->
    <van-button type="primary" size="large">发布</van-button>
<!--    <van-action-bar-button>发送</van-action-bar-button>-->
<!--    <van-icon name="smile-comment-o" size="30px" style="margin-top: 20px;margin-left: 20px"/>-->
  </div>

</template>

<script>
import {Toast} from "vant";

export default {
  name: "Issue",
  data() {
    return {
      value: '',
    };
  },
  methods: {
    onClickLeft(){
      this.$router.push("/Dynamic")
    },
    onClickRight() {
      Toast('按钮');
    },
    Dynamic() {
      this.$router.push("Dynamic");
    }
  },
}
</script>

<style scoped>
*{
  margin: 0;
}
p{
  display: block;
  background-color: #eaeaea;
  line-height: 40px;
}
span{
  margin-left: 60px;
}
</style>